<template>
	<view class="boxx">
		<!-- 页面头部 -->
		<div class="head">
			<!-- 返回按钮 -->
			<img src="../../static/img/fanhui.png" alt="" class="return_botton">
			<!-- 页面标题 -->
			<p class="title">编辑资料</p>
			<!-- 保存按钮 -->
			<div class="Preservation">
				<p>保存</p>
			</div>
		</div>
	
		<!-- 头像部分 -->
		<div class="top">
			<!-- 头像 -->
			<img src="../../static/img/6.png" alt="" class="head_img">
			<!-- 编辑资料按钮 -->
			<div class="edit_button">
				<p>编辑资料</p>
			</div>
			<!-- 占位 -->
			<div class="one"></div>
			<!-- 姓名 -->
			<div class="box">
				<!-- 昵称字 -->
				<span class="name_word">昵称</span>
				<input type="text" class="user_name" value="嘻嘻哈哈">
			</div>
			<div class="box">
				<!-- 手机号 -->
				<span class="phone">手机</span>
				<input type="text" class="user_phone" value="17325225296">
			</div>
			<div class="box">
				<!-- 性别 -->
				<span class="phone">性别</span>
				<input type="text" class="sex" value="男">
			</div>
			<div class="box">
				<!-- 密码 -->
				<span class="phone">密码</span>
				<input type="text" class="password" value="666666">
			</div>
			<div class="box">
				<!-- 身份 -->
				<span class="phone">身份</span>
				<input type="text" class="identity" value="老师">
			</div>
		</div>
	
	</view>
</template>

<script>
</script>

<style scoped>
	
	/* 页面头部  */
	.head{
	    margin: 0 auto;
	    width: 750rpx;
	    height: 76rpx;
	    line-height: 76rpx;
	    background-color: white;
	    border-bottom: #EDEDED 1px solid;
	    /* 高行高 76 */
	 
	}
	/* 返回按钮 */
	.return_botton{
	    float: left;
	    margin-top: 20rpx;   /* 20 */
		margin-left: 20rpx;
	    float: left;
	    width: 36rpx;   /* 36 */
	    height: 36rpx;/* 36 */
	
	}
	.Preservation p{
	    margin-top: -9rpx;   /* 9 */
	    margin-left: 27rpx;  /* 27 */
	    color: white;
	    font-size: 25rpx;   /* 25 */
	}
	/* 页面标题 */
	.title{
	    float: left;
	    margin-left: 272rpx;    /* 272 */
	    font-size: 30rpx;   /* 30 */
	    font-weight: bold;
	    text-align: center;
	}
	/* 保存按钮 */
	.Preservation{
	    float: left;
	    margin-left: 181rpx;
	    /* 181 */
	    margin-top: 13rpx;
	    /* 13 */
	    width: 109rpx;
	    /* 109 */
	    height: 54rpx;
		line-height: 54rpx;
		text-align: center;
	    /* 54 */
	    border-radius: 91rpx;
	    /* 91 */
	    background-color:#FFDA44 ;
	}
	
	.Preservation p {
		margin: 0;
	}
	/* 头像部分 */
	.top{
	    margin: 0 auto;
	    width: 761rpx;
	    /* 761 */
	    height: 362rpx;
	    /* 362 */
	    background-color: #FFEC8B;
	}
	/* 头像 */
	.head_img{
	    margin-top: 54rpx;
	    /* 54 */
	    margin-left: 312rpx;
	    /* 312 */
	    width: 130rpx;
	    /* 130 */
	    height: 130rpx;
	    /* 130 */
	    border-radius: 181rpx;
	    /* 181 */
	}
	/* 编辑资料按钮 */
	.edit_button{
	    margin-top: 72rpx;
	    /* 72 */
	    margin-left: 303rpx;
	    /* 303 */
	    width: 154rpx;
	    /* 154 */
	    height: 64rpx;
	    /* 64 */
	    background-color: #FFDA44;
	    border-radius: 91rpx;
		opacity: 0;
	    /* 91 */
	}
	/* 编辑资料文字 */
	.edit_button p{
	    float: left;
	    margin-top: 13rpx;
	    /* 13 */
	    margin-left: 22rpx;
	    /* 22 */
	    font-size: 27rpx;
	    /* 27 */
	    color: white;
	}
	/* 占位 */
	.one{
	    height: 100rpx;
	    /* 36 */
	}
	/* 盒子 */
	.box{
	    margin: 0 auto;
	    margin-top: 36rpx;
	    /* 36 */
	    width: 692rpx;
	    /* 692 */
	    height: 91rpx;
	    /* 91 */
	    border-bottom: #EDEDED 1px solid;
	}
	/* 题目 */
	.name_word,.phone{
	    margin-left: 54rpx;
	    /* 54 */
	    margin-top: 24rpx;
	    /* 24 */
	}
	.user_name,.user_phone,.sex,.password,.identity{
	    margin-top: -40rpx;
	    /* 22 */
	    margin-left: 313rpx;
	    /* 313   313 */
	    border: 0;
	    height: 45rpx;
	    /* 45 */
	    width: 217rpx;
	    /* 217 */
	}
</style>
